<template>
	<view>
		<!-- <view>
			<text>黑马程序里有个大sb</text>
		</view>
		<view>
			<text selectable>黑马程序里有个大sb</text>
		</view>
		<view>
			<text selectable space="ensp">黑马程序    里有个大sb</text>
		</view>
		<view>
			<text>&amp;</text>
		</view> -->
		<view class="box2" hover-class="box2-active">
			<view class="box" :hover-start-time="2000" :hover-stay-time="2000" hover-class="box-active" hover-stop-propagation>我是一个大盒子</view>
		</view>
		<button>按钮</button>
		<button size="mini">按钮</button>
		<button type="primary">按钮</button>
		<button type="primary" plain>按钮</button>
		<button type="primary" disabled>按钮</button>
		<button loading></button>
		<image src="../../static/logo.png" show-menu-by-longpress="true"></image>
		<image src="../../static/logo.png" mode="aspectFill" draggable></image>
		<image src="../../static/logo.png" fade-show></image>
	</view>
</template>

<script>
	export default {
		onLoad(options) {
			console.log(options)
		}
	}
</script>

<style>
	.box {
		width: 100px;
		height: 100px;
		background: green;
	}
	.box2 {
		width: 200px;
		height: 200px;
		background: lightblue;
	}
	.box-active {
		background: red;
	}
	.box2-active {
		background: pink;
	}
</style>
